@charset "UTF-8";
	body{
		 font: 12px "simhei", Arial, Helvetica, sans-serif;
   	     color: #666;
   	     margin: 0px;       /*去掉自带的边框*/
   		 background-color: #f5f5f5;
	}
	header{
		width: 1000px;            /*先加一个宽度*/
		margin: 0 auto;			/*然后将内容居中*/
		margin-top: 20px;
		margin-bottom: 30px;
		overflow: hidden;
		/* background-color: pink; */
	`
	}
	header>img{
		float: left;
		margin-left: 40px;
	}
	header>h1{
		float:left;
		margin-left: 20px;
		margin-top:8px;
	    font-weight: normal;      /*字体粗细:普通*/ 
		color:#4f4d4e;	
	}
	#form_div{
		height: 560px;
		background-image: url("http://doc.canglaoshi.org/tstore_v1/images/regist.png")
	}
	#form_div>div{
		width: 253px;
	    margin-right: 122px;
	    margin-top: 122px;
	    float:right;
	    background-color: rgba(0,0,0,0.3);
	    padding: 10px;
	}
	#form_div h2{
		color:white;
		font-size: 18px;
		font-weight: normal;
		border-bottom: 1px solid white;  /*下边框*/
		padding-bottom: 10px;
	}
	h2 a{
	 	color:white;
	 	text-decoration: none; /*去掉下划线*/
	 	font-size: 12px;
	 	float: right;
	 	margin-top: 7px;
	}
	h2 a,#auto_div a{
		color:white;
	 	text-decoration: none; /*去掉下划线*/
	 	font-size: 12px;
	 	float: right;
	 	margin-top: 7px;
	}
	.field_div>input{
		width: 213px;
		padding:10px 20px;
		border: 0;  /*去掉外边框*/
		
	}
	.field_div{
		position: relative;   /*相对定位 作为位置参考*/
		margin-bottom: 30px;
	}
	.field_div>img{
		position: absolute;   /*绝对定位*/
		top:3px;
		right: 20px;
	}
	.field_div>p{      /*用户名密码不能为空的字体颜色*/
		color: red;
		margin: 8px 0;
	}
	#auto_div>lable{
		color: white;
	}
	#auto_div>input{
		position: relative;
		top:3px;
	}
	#form_div>div>input{
		background-color: #0aa1ed; 
		width: 250px;
		height:37px;
		margin-top:10px;
		border: 0;            /*去掉自带的文本边框*/
		color:white;          
		/* padding: 10px 10px;   /*文本框的内边距*/ 
		border-radius:2px;     /*修改四个角为圆角*/ 
		font-weight:bold;       /*字体加粗*/
	}
	#service_div{
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;     /*因为所有子div都浮动了  */
		margin-top: 43px;
		margin-bottom: 74px;
	}
	
	#service_div>div{
		width:250px;
		float:left;
		text-align: center;          /*文本居中*/
	}
	footer{
		background-color: white;
		padding-top: 62px;            /*上外边距    文本  距文本框的距离*/
	}
	footer>div{
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;             /* 不加overflow:hidden  自动识别高度为0 */
	}
	footer>div>div{
		width: 333px;
		float: left;
	}
	#center_div ul{
		list-style-type: none;  /*去掉无序列表自带的点*/
		padding: 0; /*去掉第二层自带的左内边距*/
	}
	#center_div>ul>li{
		float: left;          /*向左边浮动*/
		width: 111px;    /*父类div的三分之一*/
		text-align: center;
	}
	#center_div a{
		text-decoration: none;   /*去掉所有超链接的下划线*/
	}
	#center_div>ul>li>a{  /*第一层的(超链接)a标签*/
		font-size: 14px; /*字体大小*/
		color: #333;
	}
	#center_div>ul>li>ul>li>a{  /*第二层的(超链接)a标签*/
		 color: #808080;
		 display:block;   /*将a标签修改为块级元素  方便增加上外边距   因为a标签是行内元素对上下外边距无效 */  
		 margin-top: 10px;
	}
	#center_div img{
	     margin-top: 10px;    /*微信 微博图片的上外边距*/
	     
}	    
	footer h4{
		text-align: center;
		color:black;
		text-decoration:none; /*去掉下划线*/
		font-weight:normal;       /*普通字体*/
	} 
	     
	     
	     
	  /*6月6日下午*/   
	     
	     
	  #right_div>div{
	  	width: 130px;
	  	float:left;
	  	text-align: center;  /*字体居中*/
	  	margin-left: 46px;
	  }  
	 #right_div>div>p{
	   font-size: 14px; 
	 	color: #333; 
	 	margin:0 0 8px 0;
	 }
	  #right_div>img{
	  	float: left;
	  }
